<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mustache语法</title>
</head>
<body>
    <div id="app">{{message}}
        <h2>{{message}}</h2>
        <h1>{{name}}</h1>
    </div>
    <script src="../js/vue.js"></script>
    <!-- <script>
        function Person(name,age) {

        }
    </script> -->
    <script>
        // let const
        // 编程范式：声明式编程
    const app = new Vue({
        el:'#app', 
        data:{
            message:'加油呀！小姐姐2021-11-26',
            name:'wangting'
        }
        })

    
    // 原生js的做法(编程范式：命令式编程)
    // 1.创建div,给id属性
    // 2.定义meassage
    // 3.将message变量放在div里面展示
    // 4.修改messge
    // 5.将修改的message替换到div里
    </script>
</body>
</html>